<template>
	<div>
		<el-button type="primary" @click="get()">
			按钮
		</el-button>
	</div>
</template>

<script>
	export default{
		name:'Test',
		data(){
			return{
				meun:[],
				newmeun:[],
				new_meun2:[]
			}
		},
		methods:{
			get(){
				console.log(this.new_meun2);
			},
			but(){
				this.newmeun=[]
				for(let item of this.meun){
					if(item.pid==0){
						item.child=[]
						this.newmeun.push(item)
					}else{
						for(let i in this.newmeun){
							if(this.newmeun[i].id==item.pid){
								this.newmeun[i].child.push(item)
							}else{
								for(let j in this.newmeun[i].child){
									console.log(this.newmeun.child);
									// if(this.newmeun[j].id==this.newmeun[i].pid){
									// }
								}
							}
						}
					}
				}
				console.log(this.newmeun);
			},
			getMeun(id,arr){
				if(id===0){
					this.meun.forEach(item=>{
						if(item.pid===0){
							arr.push(item);
						}
					})
					// 在第一级菜单完成之后，从第一级的第一个菜单开始，进入第二级菜单的筛选
					this.getMeun(this.new_meun2[0].id,this.new_meun2)
				}else{
					//循环等级数组，给每一个第一级找到第二级
					arr.forEach((item,i)=>{
						//2.将meun整个循环，将每一个数据都给等级作比较
						this.meun.forEach((val,k)=>{
							//判断父级的id是否等于数据的pid，【符合：数据是父级的子级菜单】
							if(item.id===val.pid){
								if(!item.child)item.child=[];
								//将符合条件的数据添加到child中
								item.child.push(val)
							}
						})
						if(item.child){
							this.getMeun(item.child[0].id,item.child)
						}
						// console.log(item.child[i].id,item);
						if(i>this.new_meun2.length){
							throw Error()
						}
					});
				}
			}
		},
		created() {
			this.axios.get('./api/menusThree.json').then((res)=>{
				this.meun=res.data.data
				this.getMeun(0,this.new_meun2)
			})
		}
	}
</script>

<style>
</style>
